
<extend name="Application/Admin/View/layout.html" />
<block name="mid">
     <div id="page-wrapper">
            <div id="page-inner">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-head-line">导航添加</h1>
                        <h1 class="page-subhead-line">This is dummy text , you can replace it with your original text. </h1>

                    </div>
                </div>
                <!-- /. ROW  -->
                <div class="row">

<div class="col-md-6 col-sm-6 col-xs-12">
               <div class="panel panel-danger">
                        <div class="panel-heading">
                           SINGUP FORM
                        </div>
                        <div class="panel-body">
                            <form role="form"  action="" method="post" enctype="multiple/form-data">
                               <div class="form-group">
                                            <label>模版层级</label>
                                            <select class="form-control" name="pid">
                                                <option value="0">顶级层</option>
                                               <foreach name="list" item="v">

                                                <option value="{$v.id}">{$v.name}</option>
                                                </foreach>
                                            </select>
                                        </div>

                                 <div class="form-group">
                                            <label>名称</label>
                                            <input type="text" class="form-control" name="name">
                                     <p class="help-block">Help text here.</p>
                                        </div>
                                            <div class="form-group">
                                            <label>链接</label>
                                            <input type="text" class="form-control" name="url" >
                                     <p class="help-block">Help text here.</p>
                                        </div>
                                <div class="form-group">
                                            <label>导航图标</label>
                                                    <input type="text" multiple="" class="form-control icon" id="error" name="icon"/>
                                     <p class="help-block">Help text here.</p>
                                        </div>
                                 <div class="form-group">
                                            <label>显示位置</label>
                                            <select class="form-control" name="point">
                                                <option value="0">请选择放置的位置</option>
                                                <option value="1">头部</option>
                                                <option value="2">中间</option>
                                                <option value="3">底部</option>
                                            </select>
                                        </div>
                                    <p class="help-block">Help text here.</p>


                                                   <div class="form-group">
                                        <label>模块</label>
                                            <select class="form-control" name="is_hom">
                                                <option value="0">请选择导航归属模块</option>
                                                <option value="1">前台</option>
                                                <option value="2">后台</option>

                                            </select>
                                        </div>
                                     <p class="help-block">Help text here.</p>
                                         <div class="form-group">
                                            <label>是否显示</label>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="is_show" id="optionsRadios1" value="option1" checked="">是
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="is_show" id="optionsRadios2" value="option2">否
                                                </label>
                                            </div>

                                        </div>
                                    <p class="help-block">Help text here.</p>
                                        <button class="btn btn-danger" type="submit">提交 Now </button>

                                    </form>
                            </div>
                        </div>
                            </div>
        </div>
             <!--/.ROW-->
<section id="new">
  <h2 class="page-header">41 New Icons in 4.7</h2>


  <div class="row fontawesome-icon-list">



      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-address-book"></i> <span class="sr-only"> </span>address-book</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-address-book-o"></i> <span class="sr-only"> </span>address-book-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-address-card"></i> <span class="sr-only"> </span>address-card</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-address-card-o"></i> <span class="sr-only"> </span>address-card-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-bandcamp"></i> <span class="sr-only"> </span>bandcamp</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-bath"></i> <span class="sr-only"> </span>bath</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-bathtub"></i> <span class="sr-only"> </span>bathtub <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-drivers-license"></i> <span class="sr-only"> </span>drivers-license <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-drivers-license-o"></i> <span class="sr-only"> </span>drivers-license-o <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-eercast"></i> <span class="sr-only"> </span>eercast</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="#"><i aria-hidden="true" class="fa fa-envelope-open"></i> <span class="sr-only"> </span>envelope-open</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envelope-open-o"><i aria-hidden="true" class="fa fa-envelope-open-o"></i> <span class="sr-only"> </span>envelope-open-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/etsy"><i aria-hidden="true" class="fa fa-etsy"></i> <span class="sr-only"> </span>etsy</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/free-code-camp"><i aria-hidden="true" class="fa fa-free-code-camp"></i> <span class="sr-only"> </span>free-code-camp</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/grav"><i aria-hidden="true" class="fa fa-grav"></i> <span class="sr-only"> </span>grav</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/handshake-o"><i aria-hidden="true" class="fa fa-handshake-o"></i> <span class="sr-only"> </span>handshake-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-badge"><i aria-hidden="true" class="fa fa-id-badge"></i> <span class="sr-only"> </span>id-badge</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card"><i aria-hidden="true" class="fa fa-id-card"></i> <span class="sr-only"> </span>id-card</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/id-card-o"><i aria-hidden="true" class="fa fa-id-card-o"></i> <span class="sr-only"> </span>id-card-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/imdb"><i aria-hidden="true" class="fa fa-imdb"></i> <span class="sr-only"> </span>imdb</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/linode"><i aria-hidden="true" class="fa fa-linode"></i> <span class="sr-only"> </span>linode</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/meetup"><i aria-hidden="true" class="fa fa-meetup"></i> <span class="sr-only"> </span>meetup</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/microchip"><i aria-hidden="true" class="fa fa-microchip"></i> <span class="sr-only"> </span>microchip</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/podcast"><i aria-hidden="true" class="fa fa-podcast"></i> <span class="sr-only"> </span>podcast</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/quora"><i aria-hidden="true" class="fa fa-quora"></i> <span class="sr-only"> </span>quora</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ravelry"><i aria-hidden="true" class="fa fa-ravelry"></i> <span class="sr-only"> </span>ravelry</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bath"><i aria-hidden="true" class="fa fa-s15"></i> <span class="sr-only"> </span>s15 <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/shower"><i aria-hidden="true" class="fa fa-shower"></i> <span class="sr-only"> </span>shower</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snowflake-o"><i aria-hidden="true" class="fa fa-snowflake-o"></i> <span class="sr-only"> </span>snowflake-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/superpowers"><i aria-hidden="true" class="fa fa-superpowers"></i> <span class="sr-only"> </span>superpowers</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/telegram"><i aria-hidden="true" class="fa fa-telegram"></i> <span class="sr-only"> </span>telegram</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i aria-hidden="true" class="fa fa-thermometer"></i> <span class="sr-only"> </span>thermometer <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-empty"><i aria-hidden="true" class="fa fa-thermometer-0"></i> <span class="sr-only"> </span>thermometer-0 <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-quarter"><i aria-hidden="true" class="fa fa-thermometer-1"></i> <span class="sr-only"> </span>thermometer-1 <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-half"><i aria-hidden="true" class="fa fa-thermometer-2"></i> <span class="sr-only"> </span>thermometer-2 <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-three-quarters"><i aria-hidden="true" class="fa fa-thermometer-3"></i> <span class="sr-only"> </span>thermometer-3 <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i aria-hidden="true" class="fa fa-thermometer-4"></i> <span class="sr-only"> </span>thermometer-4 <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-empty"><i aria-hidden="true" class="fa fa-thermometer-empty"></i> <span class="sr-only"> </span>thermometer-empty</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-full"><i aria-hidden="true" class="fa fa-thermometer-full"></i> <span class="sr-only"> </span>thermometer-full</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-half"><i aria-hidden="true" class="fa fa-thermometer-half"></i> <span class="sr-only"> </span>thermometer-half</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-quarter"><i aria-hidden="true" class="fa fa-thermometer-quarter"></i> <span class="sr-only"> </span>thermometer-quarter</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/thermometer-three-quarters"><i aria-hidden="true" class="fa fa-thermometer-three-quarters"></i> <span class="sr-only"> </span>thermometer-three-quarters</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close"><i aria-hidden="true" class="fa fa-times-rectangle"></i> <span class="sr-only"> </span>times-rectangle <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close-o"><i aria-hidden="true" class="fa fa-times-rectangle-o"></i> <span class="sr-only"> </span>times-rectangle-o <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-circle"><i aria-hidden="true" class="fa fa-user-circle"></i> <span class="sr-only"> </span>user-circle</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-circle-o"><i aria-hidden="true" class="fa fa-user-circle-o"></i> <span class="sr-only"> </span>user-circle-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/user-o"><i aria-hidden="true" class="fa fa-user-o"></i> <span class="sr-only"> </span>user-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card"><i aria-hidden="true" class="fa fa-vcard"></i> <span class="sr-only"> </span>vcard <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/address-card-o"><i aria-hidden="true" class="fa fa-vcard-o"></i> <span class="sr-only"> </span>vcard-o <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close"><i aria-hidden="true" class="fa fa-window-close"></i> <span class="sr-only"> </span>window-close</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-close-o"><i aria-hidden="true" class="fa fa-window-close-o"></i> <span class="sr-only"> </span>window-close-o</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-maximize"><i aria-hidden="true" class="fa fa-window-maximize"></i> <span class="sr-only"> </span>window-maximize</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-minimize"><i aria-hidden="true" class="fa fa-window-minimize"></i> <span class="sr-only"> </span>window-minimize</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/window-restore"><i aria-hidden="true" class="fa fa-window-restore"></i> <span class="sr-only"> </span>window-restore</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/wpexplorer"><i aria-hidden="true" class="fa fa-wpexplorer"></i> <span class="sr-only"> </span>wpexplorer</a></div>

  </div>

</section>

            </div>
            <!-- /. PAGE INNER  -->
        </div>

        </block>
         <block name="js">

        <script type="text/javascript">
            $(function(){

              $('.fontawesome-icon-list a').click(function() {

                 var icon=$(this).text();
                 $('.icon').val(icon);

              });

            })




        </script>






        </block>